<template>
  <baseCard :title="'人员情况'"
            :height="'5.9rem'"
            contentPadding="0.2rem"
            :contentType="'block'"
            style="margin-left: 0; margin-right: 0">
    <vptBaseTemplate1008 :listData="baseData.staff"
                         :baseStyle="staffStyle"
                         :traceData="traceData.traceInfo"
                         :baseTitleStyle="baseTitleStyle"
                         :boxStyle="boxStyle"></vptBaseTemplate1008>
    <VptReviewBar class="bar-view"
                  v-bind="$attrs"></VptReviewBar>
  </baseCard>
</template>
<script setup>
import { computed } from "vue";
import baseCard from "@/components/vpt-cards-1002/index.vue";
import vptBaseTemplate1008 from "@/components/vpt-base-template-1008/index.vue";
import VptReviewBar from "./component/vpt-review-bar.vue";

const props = defineProps({
  traceData: { type: Object, default: () => { } },
  height: { type: String, default: "7.15rem" },
});

const staffStyle = {
  // marginTop: "0.16rem",
  background: "none",
  border: "none",
};

const baseTitleStyle = {
  padding: "0.06rem",
};

const boxStyle = {
  margin: 0,
};

const baseData = computed(() => {
  return {
    staff: {
      total: {
        label: "总人数",
        value: "person_num",
        unit: "人",
      },
      list: [
        {
          label: "需求",
          value: "xq_num",
          unit: "人",
        },
        {
          label: "设计",
          value: "sj_num",
          unit: "人",
        },
        {
          label: "研发",
          value: "yf_num",
          unit: "人",
        },
        {
          label: "测试",
          value: "cs_num",
          unit: "人",
        },
        {
          label: "实施/运维",
          value: "yw_num",
          unit: "人",
        },
        {
          label: "其他",
          value: "qt_num",
          unit: "人",
        },
      ],
      data: [
        {
          label: "今日活跃人数",
          value: "yy_num",
          unit: "人",
        },
      ],
    },
  };
});
</script>

<style lang="less" scoped>
.bar-view {
  border: 0.01rem solid #e6ebf5;
  background: #0d2643;
  height: 3.4rem;
  margin-top: 0.2rem;
}
</style>